<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link rel="stylesheet" type="text/css" href="${staticpath}/front/dist/css/lib/sm.css">
    <link rel="stylesheet" type="text/css" href="${staticpath}/front/dist/css/lib/sm-extend.css">
    <link rel="stylesheet" type="text/css" href="${staticpath}/front/dist/css/master.css">
    <link rel="stylesheet" type="text/css" href="${staticpath}/front/dist/css/base.css">
    <link rel="stylesheet" type="text/css" href="${staticpath}/front/dist/css/themes.css">
    <link rel="stylesheet" type="text/css" href="${staticpath}/front/dist/css/add.css">
    <title>我的名片</title>
</head>
<body>
<div class="page-group">
    <!--头部内容 !-->
    <header class="bar bar-nav">
        <button class="button button-link button-nav pull-left" style=" font-style: 14px; padding-left: 0.75rem;">
            <span class="icon icon-left" onclick="back()"></span>
        </button>
        <h1 class="title">我的名片</h1>
    </header>
    <div class="share">
        <div class="int" style="    margin-top: 2.3rem;">
            <img src="${staticpath}/front/dist/images/sharepic.png" alt="" class="pic cell-left header-icon">

            <div class="send">
                <div class="arrow"></div>
                <h1>我是<span class="name"></span></h1>

                <h1>我为<span class="shopname">袋泡茶</span>代言！</h1>
            </div>
        </div>
        <img src="${staticpath}/front/dist/images/join.png" alt="" class="join">

        <div class="sharebox">
            <span class="time">移动互联网时代，碎片时间的分享</span>
            <span class="power">裂变的力量</span>
            <span class="health">分享健康，分享财富</span>
            <span class="s-box">0投入&nbsp; 0风险&nbsp; 无需囤货&nbsp; 开心分享</span>
            <img src="${staticpath}/front/dist/images/joinus.png" alt="" class="joinpic">
            <span class="welcome">欢迎加入袋泡茶优品生活</span>
            <span class="welcome">健康财富从此开始</span>
        </div>
        <div class="link clearfix">
            <img src="" alt="二维码" class="code">
            <img src="${staticpath}/front/dist/images/sao.png" alt="" class="pic pull-right">

            <div class="text">每天都会有意想不到的惊奇，等你发现</div>
            <div class="text">长按指纹→识别二维码→关注我</div>
            <div class="friendlink red">喜欢请分享给朋友~~</div>
        </div>
        <div class="moneybox">
            <ul class="underline">
                <li class="moneyitem flex-box">
                    <img src="${staticpath}/front/dist/images/money.png" alt="" class="ico cell-left">

                    <div class="m-text cell-main">如何赚钱</div>
                </li>
            </ul>
            <div class="column clearfix">
                <div class="left">第一步</div>
                <div class="main cell-right">链接或二维码图片给微信好友:</div>
            </div>
            <div class="column clearfix">
                <div class="left">第二步</div>
                <div class="main cell-right">邀请好友成为分销商，邀请成功每个等级获得对应的奖金:
                </div>
            </div>
            <div class="column clearfix">
                <div class="left">第三步</div>
                <div class="main cell-right">客服会下线联系您的好友确定邀请人，并与您取得联系，将奖金发送给您。</div>
            </div>
            <#--<div class="explain">说明：分享后会带有独有的推荐码，您的好友访问之后，系统会自动监测并记录客户关系。如果您的好友已被其他人抢先发展成为客户，他就不能成为您的客户，以最早发展成为客户为准。-->
            <#--</div>-->
        </div>
        <div class="footer">
            <#--<a href="#" class="btn chain"> <img src="${staticpath}/front/dist/images/link.png" alt="" class="ico"> 链接推广-->
            <#--</a>-->
            <a href="#" class="btn picpush"> <img src="${staticpath}/front/dist/images/img.png" alt="" class="ico"> 图片推广 </a>
        </div>
    </div>
    <div class="expand"></div>
    <img src="${staticpath}/front/dist/images/tip.png" alt="" class="pictip">
</div>
<script type='text/javascript' src='${staticpath}/front/dist/js/lib/zepto.js' charset='utf-8'></script>
<script type='text/javascript' src='${staticpath}/front/dist/js/lib/sm.js' charset='utf-8'></script>
<script type='text/javascript' src='${staticpath}/front/dist/js/lib/sm-extend.js' charset='utf-8'></script>
<script type="text/javascript">
    $('.chain').click(function () {
        $('.expand,.pictip').show()
    });
    $('.expand').click(function () {
        $('.expand,.pictip').hide()
    });
    $('.picpush').click(function(){
        $.alert('长按二维码收藏，然后发送给好友');
    });
    $.ajax({
        type: "GET",
        url: "/rest/front/news/getSession",
        dataType: "json",
        success: function (data) {
            sessionStorage.id = data.data.user.id;//获取缓存用户的id
            sessionStorage.role = data.data.user.rid;//获取缓存用户的角色
            var codeImg = "/" + data.data.user.qrCode;//获取二维码
            $(".code").attr("src", codeImg);//给二维码渲染数据
            $(".name").text(data.data.user.nickname);//获取名称
            $(".header-icon").attr("src", data.data.user.icon);//给头像渲染
        }
    });
    //点击返回到商品详情页面
    function back() {
        window.history.go(-1);  //返回上一页
    }
</script>
<script type="text/javascript">$.init();</script>
</div>
</body>

</html>
